<%@ include file="/WEB-INF/view/includes.jsp"%>
<%@ include file="/WEB-INF/view/header.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span3">
			<div class="well sidebar-nav">
				<ul class="nav nav-list">
					<li class="nav-header">ブックマーク</li>
					<li class="active"><a href="#">KTV曲</a></li>
					<li><a href="#">映画主題曲</a></li>
					<li><a href="#">癒し曲</a></li>
					<li><a href="#">ダイナミック</a></li>
					<li class="nav-header">Sidebar</li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li class="nav-header">Sidebar</li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
				</ul>
			</div>
			<!--/.well -->
		</div>
		<!--/span-->
		<div class="span9" style="border:solid 1px green;">

			<div class="row-fluid">
				<div class="primary-pane">
					<div class="playlist-landing ypc-list-container">
						<ul>
							<li>
								<span><img src="//i4.ytimg.com/vi/wbrRxl7Q2Yk/default.jpg" alt="サムネイル" width="124"></span>
								<span class="video-time">3:47</span>
								<span class="title video-title " dir="ltr">FAITH HILL-♪THERE YOU'LL BE-HQ-Music Video</span>
							</li>
							<li>
							 
							</li>
							<Li></Li>
						</ul>
						<ol>
							<li class="playlist-video-item odd">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">1</span>
									<div class="thumb-container" >
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i4.ytimg.com/vi/wbrRxl7Q2Yk/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span>
											</span> <span class="video-time">3:47</span>
										</div>
									</div>
									<div class="video-info ">
										<div class="video-overview">
											<h4 class="video-title-container">
												<a href="/watch?v=wbrRxl7Q2Yk&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=1&amp;feature=plpp_video"
													class="yt-uix-tile-link"> 
													<span class="title video-title " dir="ltr">FAITH HILL-♪THERE YOU'LL BE-HQ-Music Video</span>
												</a>
											</h4>

											<p class="video-details">
												<span class="video-owner"> 作成者: 
												<span class="yt-user-name " dir="ltr">1surfup</span>
												</span> 
												<span class="video-view-count"> 4,980,778 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
							<li class="playlist-video-item
even

">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">2</span>

									<div class="thumb-container">
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i1.ytimg.com/vi/locIxsfpgp4/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span></span>
											<span class="video-time">3:59</span>




											<button onclick=";return false;" title="後で見る" type="button"
												class="addto-button video-actions addto-watch-later-button yt-uix-button yt-uix-button-default yt-uix-button-short yt-uix-tooltip"
												data-video-ids="locIxsfpgp4" role="button">
												<span class="yt-uix-button-content"> <img
													src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="後で見る">
												</span>
											</button>

										</div>
									</div>


									<div class="video-info ">



										<div class="video-overview">
											<h3 class="video-title-container">


												<a
													href="/watch?v=locIxsfpgp4&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=2&amp;feature=plpp_video"
													class="yt-uix-tile-link"> <span
													class="title video-title " dir="ltr">Sting - Shape
														of my Heart</span>
												</a>
											</h3>

											<p class="video-details">
												<span class="video-owner"> 作成者: <span
													class="yt-user-name " dir="ltr">godcesarin</span>
												</span> <span class="video-view-count"> 25,264,247 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
							<li class="playlist-video-item
odd

">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">3</span>

									<div class="thumb-container">
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i4.ytimg.com/vi/O040xuq2FR0/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span></span>
											<span class="video-time">3:09</span>




											<button onclick=";return false;" title="後で見る" type="button"
												class="addto-button video-actions addto-watch-later-button yt-uix-button yt-uix-button-default yt-uix-button-short yt-uix-tooltip"
												data-video-ids="O040xuq2FR0" role="button">
												<span class="yt-uix-button-content"> <img
													src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="後で見る">
												</span>
											</button>

										</div>
									</div>


									<div class="video-info ">



										<div class="video-overview">
											<h3 class="video-title-container">


												<a
													href="/watch?v=O040xuq2FR0&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=3&amp;feature=plpp_video"
													class="yt-uix-tile-link"> <span
													class="title video-title " dir="ltr">Elvis Costello
														'She'</span>
												</a>
											</h3>

											<p class="video-details">
												<span class="video-owner"> 作成者: <span
													class="yt-user-name " dir="ltr">crediatv</span>
												</span> <span class="video-view-count"> 3,245,352 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
							<li class="playlist-video-item
even

">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">4</span>

									<div class="thumb-container">
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i3.ytimg.com/vi/j819Sd2Kj3M/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span></span>
											<span class="video-time">4:19</span>




											<button onclick=";return false;" title="後で見る" type="button"
												class="addto-button video-actions addto-watch-later-button yt-uix-button yt-uix-button-default yt-uix-button-short yt-uix-tooltip"
												data-video-ids="j819Sd2Kj3M" role="button">
												<span class="yt-uix-button-content"> <img
													src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="後で見る">
												</span>
											</button>

										</div>
									</div>


									<div class="video-info ">



										<div class="video-overview">
											<h3 class="video-title-container">


												<a
													href="/watch?v=j819Sd2Kj3M&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=4&amp;feature=plpp_video"
													class="yt-uix-tile-link"> <span
													class="title video-title " dir="ltr">08. Sade - Love
														Is Stronger Than Pride</span>
												</a>
											</h3>

											<p class="video-details">
												<span class="video-owner"> 作成者: <span
													class="yt-user-name " dir="ltr">strawberrybanana28</span>
												</span> <span class="video-view-count"> 427,558 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
							<li class="playlist-video-item
odd

">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">5</span>

									<div class="thumb-container">
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i1.ytimg.com/vi/xiZEtZcKQUU/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span></span>
											<span class="video-time">4:35</span>




											<button onclick=";return false;" title="後で見る" type="button"
												class="addto-button video-actions addto-watch-later-button yt-uix-button yt-uix-button-default yt-uix-button-short yt-uix-tooltip"
												data-video-ids="xiZEtZcKQUU" role="button">
												<span class="yt-uix-button-content"> <img
													src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="後で見る">
												</span>
											</button>

										</div>
									</div>


									<div class="video-info ">



										<div class="video-overview">
											<h3 class="video-title-container">


												<a
													href="/watch?v=xiZEtZcKQUU&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=5&amp;feature=plpp_video"
													class="yt-uix-tile-link"> <span
													class="title video-title " dir="ltr">01. Sade - By
														Your Side</span>
												</a>
											</h3>

											<p class="video-details">
												<span class="video-owner"> 作成者: <span
													class="yt-user-name " dir="ltr">strawberrybanana28</span>
												</span> <span class="video-view-count"> 4,307,493 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
							<li class="playlist-video-item
even

">
								<div class="yt-uix-tile playlist-video-item-base-content">
									<span class="video-index">6</span>

									<div class="thumb-container">
										<div class="ux-thumb-wrap">
											<span class="video-thumb ux-thumb yt-thumb-default-124 "><span
												class="yt-thumb-clip"><span
													class="yt-thumb-clip-inner"><img
														src="//i2.ytimg.com/vi/i1GmxMTwUgs/default.jpg"
														alt="サムネイル" width="124"><span class="vertical-align"></span></span></span></span>
											<span class="video-time">5:35</span>




											<button onclick=";return false;" title="後で見る" type="button"
												class="addto-button video-actions addto-watch-later-button yt-uix-button yt-uix-button-default yt-uix-button-short yt-uix-tooltip"
												data-video-ids="i1GmxMTwUgs" role="button">
												<span class="yt-uix-button-content"> <img
													src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="後で見る">
												</span>
											</button>

										</div>
									</div>


									<div class="video-info ">



										<div class="video-overview">
											<h3 class="video-title-container">


												<a
													href="/watch?v=i1GmxMTwUgs&amp;list=PL1YcZCrWRlk8WmvoucR0OGEX1h8tN5ttm&amp;index=6&amp;feature=plpp_video"
													class="yt-uix-tile-link"> <span
													class="title video-title " dir="ltr">Sarah McLachlan
														- Angel [Official Music Video]</span>
												</a>
											</h3>

											<p class="video-details">
												<span class="video-owner"> 作成者: <span
													class="yt-user-name " dir="ltr">NettwerkMusic</span>
												</span> <span class="video-view-count"> 15,254,667 回再生 </span>
											</p>
										</div>

									</div>
								</div>

							</li>
						</ol>




					</div>
				</div>
			</div>
			<!--/row-->

			<hr>

			<footer>
				<p>© Company 2012</p>
			</footer>

		</div>
		<!--/.fluid-container-->
		<%@ include file="/WEB-INF/view/footer.jsp"%>